<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/shiba.css" />
		<link rel="stylesheet" href="css/swiper-3.4.2.min.css" />
		<script type="text/javascript" src="../Resources/flexible.debug.js" ></script>
		<script type="text/javascript" src="../Resources/jquery.js"></script>
		<script type="text/javascript" src="../Resources/swiper/swiper.min.js" ></script>
		
	</head>
	<body>
		<header class="head">
			<span><img src="imgs/images/xiu，_03.png"/></span>
			<span>秀吧</span>
			<span><img src="imgs/images/xiu，_05.png"/></span>
		</header>
		
		
		
		<div class="swiper-container a">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide">
			        	<div class="tabs">
								<a href="#" class="active">最新上传</a>
								<a href="#">小编点评</a>
								<a href="#">一周最热</a>
								<a href="#">最近评论</a>
		                </div>
			        </div>
			        
			    </div>
		
		
		
		
		<!--<section class="one">
			<img src="img/images/kuku_03.png"/>
			<span><button>进入卖场</button></span>
		</section>-->
		
		
		
		<script type="text/javascript" src="../Resources/artTemplate.js" ></script>
		<script type="text/javascript" src="../Resources/jquery-3.2.0.js" ></script>
		<script type="text/html" id="list">
			{{each list as v i}}
					<li>
						<span class="sppp">
							<img src="{{v.imgs}}"/>
						</span>
						<span class="spp">
							<img src="{{v.imgss}}"/>
						    <p class="p1">{{v.font_1}}</p>
						    <p class="p2">{{v.font_2}}</p>
						</span>
						
					</li>
			{{/each}}
		</script>
		<script>
			 $(function(){
            var _url = 'json/shiba.json';
            $.get(_url,function(res){
				console.log(res)
				var str = '';
				 var str = template("list", {list:res});	 
				 console.log(str);
				$('.twtw').html(str);
			});
         })
		</script>
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		<div id="tabs-container" class="swiper-container swiper-container-horizontal">
    <div class="swiper-wrapper">
      <div class="swiper-slide swiper-slide-active" style="width: 375px;">
        <div class="content-slide">
        <div class="aihao">
			<ul class="twtw">
				
			</ul>
	    </div>	
        </div>
      </div>
      <div class="swiper-slide swiper-slide-next" style="width: 375px;">
        <div class="content-slide">
         <div class="aihao">
			<ul class="twtw">
				
			</ul>
	    </div>

        </div>
      </div>
       <div class="swiper-slide swiper-slide-next" style="width: 375px;">
        <div class="content-slide">
         <div class="aihao">
			<ul class="twtw">
				
			</ul>
	    </div>	

        </div>
      </div>
       <div class="swiper-slide swiper-slide-next" style="width: 375px;">
        <div class="content-slide">
        <div class="aihao">
			<ul class="twtw">
				
			</ul>
	    </div>	

        </div>
      </div>
    </div>
  </div>
	<!--<div class="aihao">
			<ul class="twtw">
				
			</ul>
	    </div>	-->
	    
	    <footer class="ter">
	    	<dl>
	    		<dt><img src="imgs/images/xiu，_21.png"/></dt>
	    		<dd>上传照片</dd>
	    	</dl>
	    </footer>
	    
	    
	    
	    
	    
	    
	    
	    
	    
	    
	    
	    
		<script>
			window.onload = function() {
//var mySwiper1 = new Swiper('#header',{
//	  freeMode : true,
//	  slidesPerView : 'auto',
//	  freeModeSticky : true ,
//});
//var mySwiper2 = new Swiper('#banner',{
//	  autoplay:5000,
//	  visibilityFullFit : true,
//	  loop:true,
//	  pagination : '.pagination',
//});
//
  var tabsSwiper = new Swiper('#tabs-container',{
    speed:500,
    onSlideChangeStart: function(){
      $(".tabs .active").removeClass('active')
      $(".tabs a").eq(tabsSwiper.activeIndex).addClass('active')  
    }
  })
  $(".tabs a").on('touchstart mousedown',function(e){
    e.preventDefault()
    $(".tabs .active").removeClass('active')
    $(this).addClass('active')
    tabsSwiper.slideTo( $(this).index() )
  })
  $(".tabs a").click(function(e){
    e.preventDefault()
  })]k
  
}
			
			var mySwiper = new Swiper ('.a', {
//		  	autoplay:2000,
		  	keyboardControl:true,
		    loop: true,
		    paginationClickale:true,
		    nextButton: '.swiper-button-next',
		    prevButton: '.swiper-button-prev',
		  })   
			  
		</script>
		
		
	</body>
</html>
